.masthead {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://yt3.ggpht.com/J1Zu_GCbrxU2YRZ8gSvFHpTdBrvxhTzefXqr39LHWJ1bd4CycqSXRosVFe5_hknRKwKRnEWPjQ=w2560-fcrop64=1,00005a57ffffa5a8-k-c0xffffffff-no-nd-rj");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    clear: both;
}

#particles-js canvas {
    position: absolute;
    top: 0;
    left: 0;
}

#particles-js {
    height: 100%;
    width: 100%;
}

.masthead-text {
    max-width: 500px;
    z-index: 1000;
}

h2 {
    color: white;
}

h3 {
    color: rgb(0, 121, 161);
}

h1 {
    color: whitesmoke;
}

#download {
    background-color: rgb(88, 88, 88);
    border-radius: -30px;
    border: solid black;
    background-image: url("https://svgur.com/i/Kp0.svg");
    background-size: cover;
}

p {
    color: rgb(251, 0, 0);
}

#social {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://www.itl.cat/pngfile/big/157-1572191_hd-wallpapers-for-website-background-cool-background-image.jpg);
}

h1 {
    color: red;
    font-family: 'Bangers', cursive;
}

#imageslider {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://i.pinimg.com/564x/4a/45/68/4a4568629a894d006d264604e9b9ab6a.jpg);
}

#video {
    background-image: url(https://cutewallpaper.org/21/solid-dark-purple-background/Purple-Color-Background-Wallpaper-LS.jpg);
}

@media screen and (min-width: 768px) {
    .masthead {
        height: 100vh;
    }
}